
<!--<header>
    <nav>
        <a v-for="(nav, index) in navs" @click="handleLink(index)" key="index">{{nav.title}}</a>
    </nav>
</header>-->

<nav class="nav has-shadow" style="height:80px">
    <div class="container">
        <div class="nav-left">
            <a href="/" class="image is-189x75">
                <img src="images/logo.gif" alt="Blog">
            </a>
        </div>
        <div class="nav-center nav-menu">
            <a class="nav-item is-tab" style="margin-right:20px" v-for="(nav, index) in navs" @click="handleLink(index)" key="index">
                {{ nav.title}}
            </a>
        </div>
        <div class="nav-right">
            <a href="/" class="nav-item">
                <span class="icon">
                        <i class="fa fa-github"></i>
                    </span>
            </a>
            <a href="/" class="nav-item">
                <span class="icon">
                        <i class="fa fa-twitter"></i>
                    </span>
            </a>
            <a href="/" class="nav-item">
                <span class="icon">
                        <i class="fa fa-weibo"></i>
                    </span>
            </a>
        </div>
    </div>
</nav>